<%@ page pageEncoding="UTF-8"%>
<!DOCTYPE html >
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>客户管理</title>
        <%@include file='../../common/common.jsp' %>
        <%@include file='../../common/jsVersion.jsp' %>
</head>
<body>
     <div class="main-content">
        <div class="nav-list-title">
            <ul class="list-title-crumbs">
                <li>
                  <i class="fa fa-map-marker mainTone"></i>
                  <a class="text">客户列表</a>
                  <i class="fa fa-angle-right"></i>
                </li>
                <li><a class="mainTone">编辑</a></li>
            </ul>
        </div>
        <form  id="defaultForm">
        <div class="item-info-surround">
            <h3 class="item-title">客户基本信息</h3>
            <ul class="exhibition-list">
                <li class="col-md-6">
                    <div class="currency-template-query">
                        <label class="template-title">经纪人：</label>
                        <div class="template-controls">王凯</div>
                    </div>
                </li>
                <li class="col-md-6">
                    <div class="currency-template-query">
                        <label class="template-title">创建人：</label>
                        <div class="template-controls">王凯</div>
                    </div>
                </li>
                
                <li class="col-md-6">
                    <div class="currency-template-query">
                        <label class="template-title"><span class="required">*</span>项目名称：</label>
                        <div class="template-controls form-group">
                            <select class="form-control" name="projectName">
                                <option value="">请选择</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                            </select>
                        </div>
                    </div>
                </li>
                <li class="col-md-6">
                    <div class="currency-template-query">
                        <label class="template-title"><span class="required">*</span>意向等级：</label>
                        <div class="template-controls">
                            <select class="form-control">
                                <option>请选择</option>
                                <option>A</option>
                                <option>B</option>
                            </select>
                        </div>
                    </div>
                </li>
                
                <li class="col-md-6">
                    <div class="currency-template-query ">
                        <label class="template-title"><span class="required">*</span>客户姓名：</label>
                        <div class="template-controls form-group">
                            <input type="text" class="form-control" placeholder="请输入姓名"  name="username" data-bv-notempty data-bv-notempty-message="客户姓名必填">
                        </div>
                    </div>
                </li>
                
                <li class="col-md-6">
                    <div class="currency-template-query">
                        <label class="template-title"><span class="required">*</span>客户状态：</label>
                        <div class="template-controls">问询</div>
                    </div>
                </li>
                <li class="col-md-6">
                    <div class="currency-template-query">
                        <label class="template-title"><span class="required">*</span>性别：</label>
                        <div class="template-controls">
                            <select class="form-control">
                                <option>男</option>
                                <option>女</option>
                            </select>
                        </div>
                    </div>
                </li>
                <li class="col-md-6">
                    <div class="currency-template-query">
                        <label class="template-title"><span class="required">*</span>客户性质：</label>
                        <div class="template-controls">
                            <select class="form-control">
                                <option>请选择</option>
                                <option>A</option>
                                <option>B</option>
                            </select>
                        </div>
                    </div>
                </li>
                <li class="col-md-6">
                    <div class="currency-template-query">
                        <label class="template-title"><span class="required">*</span>联系电话：</label>
                        <div class="template-controls">
                            <input type="text" class="form-control" placeholder="请输入联系电话">
                        </div>
                    </div>
                </li>
                <li class="col-md-6">
                    <div class="currency-template-query">
                        <label class="template-title"><span class="required">*</span>获取途径：</label>
                        <div class="template-controls">
                            <select class="form-control">
                                <option>请选择</option>
                                <option>A</option>
                                <option>B</option>
                            </select>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        </form>
        <div class="item-info-surround">
            <h3 class="item-title">客户购房需求</h3>
            <ul class="exhibition-list">
                <li class="col-md-6">
                    <div class="currency-template-query">
                        <label class="template-title">置业动机：</label>
                        <div class="template-controls">
                            <select class="form-control">
                                <option>请选择</option>
                                <option>A</option>
                                <option>B</option>
                            </select>
                        </div>
                    </div>
                </li>
                <li class="col-md-6">
                    <div class="currency-template-query">
                        <label class="template-title">关注重点：</label>
                        <div class="template-controls">
                            <select class="form-control">
                                <option>请选择</option>
                                <option>A</option>
                                <option>B</option>
                            </select>
                        </div>
                    </div>
                </li>
                <li class="col-md-6">
                    <div class="currency-template-query">
                        <label class="template-title">需求面积：</label>
                        <div class="template-controls">
                            <select class="form-control">
                                <option>请选择</option>
                                <option>A</option>
                                <option>B</option>
                            </select>
                        </div>
                    </div>
                </li>
                <li class="col-md-6">
                    <div class="currency-template-query">
                        <label class="template-title">需求楼层：</label>
                        <div class="template-controls">
                            <select class="form-control">
                                <option>请选择</option>
                                <option>A</option>
                                <option>B</option>
                            </select>
                        </div>
                    </div>
                </li>
                <li class="col-md-6">
                    <div class="currency-template-query">
                        <label class="template-title">生活服务：</label>
                        <div class="template-controls">
                            <input class="form-control" placeholder="请输入服务要求">
                        </div>
                    </div>
                </li>
                <li class="col-md-6">
                    <div class="currency-template-query">
                        <label class="template-title">生活配套：</label>
                        <div class="template-controls">
                            <input class="form-control" placeholder="请输入配套服务">
                        </div>
                    </div>
                </li>
                <li class="col-md-6">
                    <div class="currency-template-query">
                        <label class="template-title">预算总价：</label>
                        <div class="template-controls">
                            <select class="form-control">
                                <option>请选择</option>
                                <option>A</option>
                                <option>B</option>
                            </select>
                        </div>
                    </div>
                </li>
                <li class="col-md-6">
                    <div class="currency-template-query">
                        <label class="template-title">预算单价：</label>
                        <div class="template-controls">
                            <select class="form-control">
                                <option>请选择</option>
                                <option>A</option>
                                <option>B</option>
                            </select>
                        </div>
                    </div>
                </li>
                <li class="col-md-6">
                    <div class="currency-template-query">
                        <label class="template-title title-row-two">希望庭院具备功能：</label>
                        <div class="template-controls">
                            <select class="form-control">
                                <option>请选择</option>
                                <option>A</option>
                                <option>B</option>
                            </select>
                        </div>
                    </div>
                </li>
                <li class="col-md-6">
                    <div class="currency-template-query">
                        <label class="template-title">庭院需求面积：</label>
                        <div class="template-controls">
                            <select class="form-control">
                                <option>请选择</option>
                                <option>A</option>
                                <option>B</option>
                            </select>
                        </div>
                    </div>
                </li>
                <li class="col-md-6">
                    <div class="currency-template-query">
                        <label class="template-title">付款方式：</label>
                        <div class="template-controls">
                            <select class="form-control">
                                <option>请选择</option>
                                <option>A</option>
                                <option>B</option>
                            </select>
                        </div>
                    </div>
                </li>
                <li class="col-md-6">
                    <div class="currency-template-query">
                        <label class="template-title">家庭结构：</label>
                        <div class="template-controls">
                            <select class="form-control">
                                <option>请选择</option>
                                <option>A</option>
                                <option>B</option>
                            </select>
                        </div>
                    </div>
                </li>
                <li class="col-md-6">
                    <div class="currency-template-query">
                        <label class="template-title">意向物业类型：</label>
                        <div class="template-controls">
                            <select class="form-control">
                                <option>请选择</option>
                                <option>A</option>
                                <option>B</option>
                            </select>
                        </div>
                    </div>
                </li>
                <li class="col-md-6">
                    <div class="currency-template-query">
                        <label class="template-title">需求户型规格：</label>
                        <div class="template-controls">
                            <select class="form-control">
                                <option>请选择</option>
                                <option>A</option>
                                <option>B</option>
                            </select>
                        </div>
                    </div>
                </li>
                <li class="col-md-6">
                    <div class="currency-template-query">
                        <label class="template-title">购买车位：</label>
                        <div class="template-controls">
                            <select class="form-control">
                                <option>请选择</option>
                                <option>A</option>
                                <option>B</option>
                            </select>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="item-info-surround bor-nb">
            <h3 class="item-title">关注户型</h3>
            <ul class="information-fill-list">
                <li class="col-md-4 col-full">
                    <table class="table table-style-one">
                        <thead class="thead-btn">
                            <tr>
                                <th colspan="2">
                                    <button type="button" class="btn btn-xs"><i class="fa fa-plus-circle"></i>新增</button>
                                </th>
                            </tr>
                            <tr>
                                <th width="50%">户型</th>
                                <th width="50%">操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>
                                    <select class="form-control wid-full">
                                        <option>请选择</option>
                                        <option>1</option>
                                        <option>2</option>
                                        <option>3</option>
                                    </select>
                                </td>
                                <td><a href="javascript:;" class="del-btn"><i class="fa fa-minus-circle"></i>删除</a></td>
                            </tr>
                            <tr>
                                <td>
                                    <select class="form-control wid-full">
                                        <option>请选择</option>
                                        <option>1</option>
                                        <option>2</option>
                                        <option>3</option>
                                    </select>
                                </td>
                                <td><a href="javascript:;" class="del-btn"><i class="fa fa-minus-circle"></i>删除</a></td>
                            </tr>
                            <tr>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                            </tr>
                        </tbody>
                    </table>
                </li>
                <li class="col-md-4 col-full">
                    <table class="table table-style-one">
                        <thead class="thead-btn">
                            <tr>
                                <th colspan="2">
                                    <button type="button" class="btn btn-xs"><i class="fa fa-plus-circle"></i>新增</button>
                                </th>
                            </tr>
                            <tr>
                                <th width="50%">户型</th>
                                <th width="50%">操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>
                                    <select class="form-control wid-full">
                                        <option>请选择</option>
                                        <option>1</option>
                                        <option>2</option>
                                        <option>3</option>
                                    </select>
                                </td>
                                <td><a href="javascript:;" class="del-btn"><i class="fa fa-minus-circle"></i>删除</a></td>
                            </tr>
                            <tr>
                                <td>
                                    <select class="form-control wid-full">
                                        <option>请选择</option>
                                        <option>1</option>
                                        <option>2</option>
                                        <option>3</option>
                                    </select>
                                </td>
                                <td><a href="javascript:;" class="del-btn"><i class="fa fa-minus-circle"></i>删除</a></td>
                            </tr>
                            <tr>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                            </tr>
                        </tbody>
                    </table>
                </li>
                <li class="col-md-4 col-full">
                    <table class="table table-style-one">
                        <thead class="thead-btn">
                            <tr>
                                <th colspan="2">
                                    <button type="button" class="btn btn-xs"><i class="fa fa-plus-circle"></i>新增</button>
                                </th>
                            </tr>
                            <tr>
                                <th width="50%">户型</th>
                                <th width="50%">操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>
                                    <select class="form-control wid-full">
                                        <option>请选择</option>
                                        <option>1</option>
                                        <option>2</option>
                                        <option>3</option>
                                    </select>
                                </td>
                                <td><a href="javascript:;" class="del-btn"><i class="fa fa-minus-circle"></i>删除</a></td>
                            </tr>
                            <tr>
                                <td>
                                    <select class="form-control wid-full">
                                        <option>请选择</option>
                                        <option>1</option>
                                        <option>2</option>
                                        <option>3</option>
                                    </select>
                                </td>
                                <td><a href="javascript:;" class="del-btn"><i class="fa fa-minus-circle"></i>删除</a></td>
                            </tr>
                            <tr>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                            </tr>
                        </tbody>
                    </table>
                </li>
            </ul>
        </div>
        <div class="item-info-surround">
            <h3 class="item-title">首次接触信息</h3>
            <ul class="exhibition-list">
                <li class="col-sm-12">
                    <div class="currency-template-query">
                        <label class="template-title">v接触方式：</label>
                        <div class="template-controls">
                            <select class="form-control">
                                <option>请选择</option>
                                <option>1</option>
                                <option>2</option>
                            </select>
                        </div>
                    </div>
                </li>
                <li class="col-sm-12">
                    <div class="currency-template-query">
                        <label class="template-title"><span class="required">*</span>接触时间:</label>
                        <div class="template-controls">
                            <div class="time-selector-list date form_datetime">
                                <input type="text" class="form-control" placeholder="请选择时间">
                                <span class="timeIcon add-on"><i class="fa fa-calendar"></i></span>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="col-sm-12">
                    <div class="currency-template-query">
                        <label class="template-title"><span class="required">*</span>沟通内容:</label>
                        <div class="template-controls">
                            <textarea class="form-control form-control-md" rows="3"></textarea>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="item-info-surround">
            <h3 class="item-title">客户个人信息</h3>
            <ul class="exhibition-list">
                <li class="col-md-6">
                    <div class="currency-template-query">
                        <label class="template-title">证件类型：</label>
                        <div class="template-controls">
                            <select class="form-control">
                                <option>请选择</option>
                                <option>A</option>
                                <option>B</option>
                            </select>
                        </div>
                    </div>
                </li>
                <li class="col-md-6">
                    <div class="currency-template-query">
                        <label class="template-title">户籍所在地：</label>
                        <div class="template-controls">
                            <select class="form-control">
                                <option>请选择</option>
                                <option>A</option>
                                <option>B</option>
                            </select>
                        </div>
                    </div>
                </li>
                <li class="col-md-6">
                    <div class="currency-template-query">
                        <label class="template-title">证件号码：</label>
                        <div class="template-controls">
                            <input type="text" class="form-control" placeholder="请输入证件号码">
                        </div>
                    </div>
                </li>
                <li class="col-md-6">
                    <div class="currency-template-query">
                        <label class="template-title">联系地址：</label>
                        <div class="template-controls">
                            <input type="text" class="form-control" placeholder="请输入联系地址">
                        </div>
                    </div>
                </li>
                <li class="col-md-6">
                    <div class="currency-template-query">
                        <label class="template-title">出生日期:</label>
                        <div class="template-controls">
                            <div class="time-selector-list date form_datetime">
                                <input type="text" class="form-control" placeholder="请选择时间">
                                <span class="timeIcon add-on"><i class="fa fa-calendar"></i></span>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="col-md-6">
                    <div class="currency-template-query">
                        <label class="template-title">居住地：</label>
                        <div class="template-controls">
                            <select class="form-control fl mR10">
                                <option>请选择</option>
                                <option>A</option>
                                <option>B</option>
                            </select>
                            <select class="form-control form-control-sm fl mR10">
                                <option>请选择</option>
                                <option>A</option>
                                <option>B</option>
                            </select>
                            <select class="form-control form-control-sm fl">
                                <option>请选择</option>
                                <option>A</option>
                                <option>B</option>
                            </select>
                        </div>
                    </div>
                </li>
                <li class="col-md-6">
                    <div class="currency-template-query">
                        <label class="template-title">年龄：</label>
                        <div class="template-controls">
                            <input type="text" class="form-control" placeholder="请输入年龄">
                        </div>
                    </div>
                </li>
                <li class="col-md-6">
                    <div class="currency-template-query">
                        <label class="template-title">小区：</label>
                        <div class="template-controls">
                            <input type="text" class="form-control" placeholder="请输入小区">
                        </div>
                    </div>
                </li>
                <li class="col-md-6">
                    <div class="currency-template-query">
                        <label class="template-title title-row-two">乐于参加的活动类型：</label>
                        <div class="template-controls">
                            <select class="form-control">
                                <option>请选择</option>
                                <option>A</option>
                                <option>B</option>
                            </select>
                        </div>
                    </div>
                </li>
                <li class="col-md-6">
                    <div class="currency-template-query">
                        <label class="template-title">是否有子女：</label>
                        <div class="template-controls">
                            <select class="form-control">
                                <option>请选择</option>
                                <option>A</option>
                                <option>B</option>
                            </select>
                        </div>
                    </div>
                </li>
                <li class="col-md-6">
                    <div class="currency-template-query">
                        <label class="template-title">公司性质：</label>
                        <div class="template-controls">
                            <select class="form-control">
                                <option>请选择</option>
                                <option>A</option>
                                <option>B</option>
                            </select>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="item-info-surround bor-nb">
            <h3 class="item-title bor-nb">家庭（成员）状况</h3>
            <div class="table-responsive">
                <table class="table table-striped table-bordered table-style-one">
                    <thead class="thead-btn">
                        <tr>
                            <th colspan="5">
                                <button type="button" class="btn btn-xs fl"><i class="fa fa-plus-circle"></i>新增</button>
                            </th>
                        </tr>
                        <tr>
                            <th width="10%">姓名</th>
                            <th width="20%">证件类型</th>
                            <th width="20%">证件号码</th>
                            <th width="20%">生日</th>
                            <th width="20%">结婚纪念日</th>
                            <th width="10%">操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>张三</td>
                            <td>
                                <select class="form-control wid-full">
                                    <option>请选择</option>
                                    <option>1</option>
                                    <option>2</option>
                                    <option>3</option>
                                </select>
                            </td>
                            <td>
                                <input type="text" class="form-control wid-full" placeholder="请输入证件号">
                            </td>
                            <td>
                                <div class="time-selector-list date form_datetime">
                                    <input type="text" class="form-control" placeholder="请选择时间">
                                    <span class="timeIcon add-on"><i class="fa fa-calendar"></i></span>
                                </div>
                            </td>
                            <td>
                                <div class="time-selector-list date form_datetime">
                                    <input type="text" class="form-control" placeholder="请选择时间">
                                    <span class="timeIcon add-on"><i class="fa fa-calendar"></i></span>
                                </div>
                            </td>
                            <td><a href="javascript:;" class="del-btn"><i class="fa fa-minus-circle"></i>删除</a></td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="item-info-surround">
            <h3 class="item-title">家庭住宅情况</h3>
            <ul class="exhibition-list">
                <li class="col-md-6">
                    <div class="currency-template-query">
                        <label class="template-title">证件类型：</label>
                        <div class="template-controls">
                            <select class="form-control">
                                <option>请选择</option>
                                <option>A</option>
                                <option>B</option>
                            </select>
                        </div>
                    </div>
                </li>
                <li class="col-md-6">
                    <div class="currency-template-query">
                        <label class="template-title">户籍所在地：</label>
                        <div class="template-controls">
                            <select class="form-control">
                                <option>请选择</option>
                                <option>A</option>
                                <option>B</option>
                            </select>
                        </div>
                    </div>
                </li>
                <li class="col-md-6">
                    <div class="currency-template-query">
                        <label class="template-title">证件号码：</label>
                        <div class="template-controls">
                            <input type="text" class="form-control" placeholder="请输入证件号码">
                        </div>
                    </div>
                </li>
                <li class="col-md-6">
                    <div class="currency-template-query">
                        <label class="template-title">联系地址：</label>
                        <div class="template-controls">
                            <input type="text" class="form-control" placeholder="请输入联系地址">
                        </div>
                    </div>
                </li>
                <li class="col-md-6">
                    <div class="currency-template-query">
                        <label class="template-title">出生日期:</label>
                        <div class="template-controls">
                            <div class="time-selector-list date form_datetime">
                                <input type="text" class="form-control" placeholder="请选择时间">
                                <span class="timeIcon add-on"><i class="fa fa-calendar"></i></span>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="col-md-6">
                    <div class="currency-template-query">
                        <label class="template-title">年龄：</label>
                        <div class="template-controls">
                            <input type="text" class="form-control" placeholder="请输入年龄">
                        </div>
                    </div>
                </li>
                <li class="col-md-6">
                    <div class="currency-template-query">
                        <label class="template-title">小区：</label>
                        <div class="template-controls">
                            <input type="text" class="form-control" placeholder="请输入小区">
                        </div>
                    </div>
                </li>
                <li class="col-md-6">
                    <div class="currency-template-query">
                        <label class="template-title title-row-two">乐于参加的活动类型：</label>
                        <div class="template-controls">
                            <select class="form-control">
                                <option>请选择</option>
                                <option>A</option>
                                <option>B</option>
                            </select>
                        </div>
                    </div>
                </li>
                <li class="col-md-6">
                    <div class="currency-template-query">
                        <label class="template-title">是否有子女：</label>
                        <div class="template-controls">
                            <select class="form-control">
                                <option>请选择</option>
                                <option>A</option>
                                <option>B</option>
                            </select>
                        </div>
                    </div>
                </li>
                <li class="col-md-6">
                    <div class="currency-template-query">
                        <label class="template-title">公司性质：</label>
                        <div class="template-controls">
                            <select class="form-control">
                                <option>请选择</option>
                                <option>A</option>
                                <option>B</option>
                            </select>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="item-info-surround bor-nb">
            <h3 class="item-title">联系信息</h3>
            <ul class="exhibition-list">
                <li class="col-md-6">
                    <div class="currency-template-query">
                        <label class="template-title">工作日联系时间：</label>
                        <div class="template-controls">
                            <div class="time-selector-list date form_datetime">
                                <input type="text" class="form-control" placeholder="请选择时间">
                                <span class="timeIcon add-on"><i class="fa fa-calendar"></i></span>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="col-md-6">
                    <div class="currency-template-query">
                        <label class="template-title">周末联系时间：</label>
                        <div class="template-controls">
                            <div class="time-selector-list date form_datetime">
                                <input type="text" class="form-control" placeholder="请选择时间">
                                <span class="timeIcon add-on"><i class="fa fa-calendar"></i></span>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="col-md-6">
                    <div class="currency-template-query">
                        <label class="template-title">工作日联系方式：</label>
                        <div class="template-controls">
                            <select class="form-control">
                                <option>请选择</option>
                                <option>A</option>
                                <option>B</option>
                            </select>
                        </div>
                    </div>
                </li>
                <li class="col-md-6">
                    <div class="currency-template-query">
                        <label class="template-title">周末联系方式：</label>
                        <div class="template-controls">
                            <select class="form-control">
                                <option>请选择</option>
                                <option>A</option>
                                <option>B</option>
                            </select>
                        </div>
                    </div>
                </li>
                <li class="col-sm-12">
                    <div class="currency-template-query">
                        <label class="template-title">备注：</label>
                        <div class="template-controls">
                            <textarea class="form-control form-control-md" rows="4"></textarea>
                        </div>
                    </div>
                </li>
            </ul>
            <div class="fooer-operation">
                <button class="btn">取消</button>
                <button class="btn btn-determine">确定</button>
            </div>
        </div>
    </div>
</body>
<script type="text/javascript">
$(function(){
    $(".form_datetime").datetimepicker({
        format: "yyyy-mm-dd",//日yyyy-mm-dd hh:ii
        autoclose: true,
        todayBtn: true,
        minView:2,//显示到天设置2、显示到时设置1、显示到分设置0
        startView:2,//首先显示的视图
        pickerPosition: "bottom-left"
        // startDate: "2016-12-14 10:00"
    });
    $('#defaultForm').bootstrapValidator({
    	message: '必填',
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },
        fields:{
        	projectName: {
                validators: {
                    notEmpty: {
                        message: '请选项项目名称'
                    }
                }
            }
        }
    });
    $('#defaultForm').bootstrapValidator('validate');
})
</script>
</html>
